.warp {

 FONT-FAMILY:"微软雅黑"; WIDTH: 100%; MARGIN-LEFT: 0px

}

.indexpanel {

 WIDTH: 1000px; POSITION: relative; CLEAR: both; MARGIN: 0px auto; Z-INDEX: 0

}

.indexpanel IMG:hover {

 FILTER: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.80

}

.onearea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; POSITION: absolute; LEFT: 0px; Z-INDEX: 1; TOP: 0px

}

.twoarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; BACKGROUND: no-repeat center top; POSITION: absolute; LEFT: 0px; TOP: 168px

}

.threearea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; BACKGROUND: no-repeat center top; POSITION: absolute; LEFT: 842px; TOP: 0px

}

.fourarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; BACKGROUND: no-repeat center top; POSITION: absolute; LEFT: 842px; TOP: 168px

}

.fivearea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 326px; POSITION: absolute; LEFT: 0px; TOP: 337px

}

.sixarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; POSITION: absolute; LEFT: 337px; TOP: 337px

}

.servenarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 327px; POSITION: absolute; LEFT: 505px; TOP: 337px

}

.eightarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; POSITION: absolute; LEFT: 842px; TOP: 337px

}

.ninearea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; POSITION: absolute; LEFT: 0px; TOP: 505px

}

.tenarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 327px; POSITION: absolute; LEFT: 168px; TOP: 505px

}

.elevenarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 158px; POSITION: absolute; LEFT: 505px; TOP: 505px

}

.telarea {

 OVERFLOW: hidden; HEIGHT: 158px; WIDTH: 326px; POSITION: absolute; LEFT: 0px; TOP: 0px

}

.thrarea {

 OVERFLOW: hidden; HEIGHT: 326px; WIDTH: 664px; POSITION: absolute; LEFT: 168px; TOP: 0px

}

.jsstyle .onearea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .twoarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .threearea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .fourarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .fivearea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .sixarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .servenarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .eightarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .ninearea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .tenarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .elevenarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .elevenarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .telarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .telarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .thrarea {

 HEIGHT: 0px; WIDTH: 0px

}

.jsstyle .thrarea {

 HEIGHT: 0px; WIDTH: 0px

}